<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/0716周末测试.css">

	</head>
	<body>
		<div class="t-top">
			<div class="container">
				<div class="d-left fl">
					<img src="./0716周测试/images/0716001.png" alt="">North Las Vegas, Florida
					<img src="./0716周测试/images/0716002.png" alt="">(747) 280-3101
					<img src="./0716周测试/images/0716003.png" alt="">Youremail@website.com
				</div>
				<div class="d-right fr">
					
					
					
					
					
					
					<a href="#"><img src="./0716周测试/images/0716004.png" alt=""></a>
					<a href="#"><img src="./0716周测试/images/0716005.png" alt=""></a>
					<a href="#"><img src="./0716周测试/images/0716006.png" alt=""></a>
					<a href="#"><img src="./0716周测试/images/0716007.png" alt=""></a>
					<a href="#"><img src="./0716周测试/images/0716008.png" alt=""></a>
					<a href="#"><img src="./0716周测试/images/0716009.png" alt=""></a>
				</div>
				<div class="clear"></div>


			</div>
		</div>
		<div class="t-head">
			<div class="container">
				<div class="head-img fl">
					<a href="#"><img src="./0716周测试/images/0716101.png" alt=""></a>
				</div>
				<div class="t-font fr">
					<span><a href="#">ABOUT US</a></span>
					<span><a href="#">SERVICES </a></span>
					<span><a href="#">WORK</a></span>
					<span><a href="#">CAREERS</a></span>
					<span><a href="#">BLOG</a></span>
					<span><a href="#">CONTACT</a></span>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="t-banner">

		</div>
		<div class="t-nav">
			<div class="container">
				<div class="nav-font">
					“Lorem ipsum dolor sit amet, Consectetur Adipiscing Elit. Nulla Eu Leo Eu Metus Congue Aliquet.
					Pellentesque
					Id Lectus Volutpat.”
				</div>
				<div class="nav-btn">
					<a>Request Quote</a>

				</div>
			</div>
		</div>
		<div class="t-massage">
			<div class="container">
				<div class="mas-item fl mar">
					<img src="./0716周测试/images/0716201.png" alt="" class="fl">
					<div class="mas-font" class="fr">
						<img class="font" src="./0716周测试/images/0716201-1.png" alt=""><br />
						Curabitur varius mattis lacus a varius. In in sagittis nibh. Aenean aliquam bibendum est quis
						dignissim. Nullam viverra urna ac enim porttitor.
					</div>
					<div class="clear"></div>
				</div>
				<div class="mas-item fl mar">
					<img src="./0716周测试/images/0716202.png" alt="" class="fl">
					<div class="mas-font" class="fr">
						<img class="font" src="./0716周测试/images/0716202-1.png" alt=""><br />
						Curabitur varius mattis lacus a varius. In in sagittis nibh. Aenean aliquam bibendum est quis
						dignissim. Nullam viverra urna ac enim porttitor.
					</div>
					<div class="clear"></div>
				</div>
				<div class="mas-item fl">
					<img src="./0716周测试/images/0716203.png" alt="" class="fl">
					<div class="mas-font" class="fr">
						<img class="font" src="./0716周测试/images/0716203-1.png" alt=""><br />
						Curabitur varius mattis lacus a varius. In in sagittis nibh. Aenean aliquam bibendum est quis
						dignissim. Nullam viverra urna ac enim porttitor.
					</div>
					<div class="clear"></div>
				</div>
				<div class="mas-item fl mar">
					<img src="./0716周测试/images/0716204.png" alt="" class="fl">
					<div class="mas-font" class="fr">
						<img class="font" src="./0716周测试/images/0716204-1.png" alt=""><br />
						Curabitur varius mattis lacus a varius. In in sagittis nibh. Aenean aliquam bibendum est quis
						dignissim. Nullam viverra urna ac enim porttitor.
					</div>
					<div class="clear"></div>
				</div>
				<div class="mas-item fl mar">
					<img src="./0716周测试/images/0716205.png" alt="" class="fl">
					<div class="mas-font" class="fr">
						<img class="font" src="./0716周测试/images/0716205-1.png" alt=""><br />
						Curabitur varius mattis lacus a varius. In in sagittis nibh. Aenean aliquam bibendum est quis
						dignissim. Nullam viverra urna ac enim porttitor.
					</div>
					<div class="clear"></div>
				</div>
				<div class="mas-item fl">
					<img src="./0716周测试/images/0716206.png" alt="" class="fl">
					<div class="mas-font" class="fr">
						<img class="font" src="./0716周测试/images/0716206-1.png" alt=""><br />
						Curabitur varius mattis lacus a varius. In in sagittis nibh. Aenean aliquam bibendum est quis
						dignissim. Nullam viverra urna ac enim porttitor.
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div class="t-make">
			<div class="conyainer">
				<div class="make-img">
					<img src="./0716周测试/images/0716301.png" alt="">
				</div>
				<div class="make-font">
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non blandit nibh. Sed eget tortor
					tincidunt, auctor sem eget, mollis nisi. Nullam mollis sapien viverra, malesuada orci eget, mollis
					mauris. Nunc commodo leo nec egestas hendrerit. Proin tincidunt mauris sed blandit imperdiet.
				</div>
				<div class="btn-500">
					<div class="fl">See The Tutorials</div>
					<div class="fr">Discover More</div>
					<li class="clear"></li>
				</div>
			</div>
		</div>
		<div class="t-peo">
			<div class="container">
				<div class="peo-icon">
					<img src="./0716周测试/images/0716401.png" alt="">
				</div>
				<div class="peo-font">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
					<p>Nulla eu leo eu metus congue aliquet.</p>
					<p>Pellentesque id lectus volutpat ullamcorper nibh eu tempor orci.</p>
					<p>Praesent in orci neque phasellus ac lobortis ipsum Integer non felis nec diam dapibus tincidunt.
					</p>
				</div>
				<div class="peo-img">
					<div class="p-f fl">
						<img src="./0716周测试/images/0716cy1.jpg" alt="">
						<p>Brianne Mclaughlin
						</p>
					</div>
					<div class="p-f fl">
						<img src="./0716周测试/images/0716cy2.jpg" alt="">
						<p>Angela Lang
					</div>
					<div class="p-f fl">
						<img src="./0716周测试/images/0716cy3.jpg" alt="">
						<p>Laura Waters
					</div>
				</div>
			</div>
		</div>
		<div class="t-music">
			<div class="container">
				<div class="music-item fl">
					<img src="./0716周测试/images/0716501.png" alt="">
				</div>
				<div class="music-item fl">
					<img src="./0716周测试/images/0716502.png" alt="">
				</div>
				<div class="music-item fl">
					<img src="./0716周测试/images/0716503.png" alt="">
				</div>
				<div class="music-item fl">
					<img src="./0716周测试/images/0716504.png" alt="">
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="t-blog">
			<div class="container">
				<div class="blog-logo">
					<img src="./0716周测试/images/0716601.png">
				</div>
				<div class="items">
					<div class="blog-item fl">
						<div class="blog-content">
							<img src="./0716周测试/images/0716bom1.jpg" alt="">
						</div>
						<div class="font-257">
							<div class="time">
								<span class="green">Travel</span> - 30 June, 2014
							</div>
							<div class="nam">
								<a href="#">Nam porttitor urna id molestie viverra.</a>
							</div>
							<div class="proin">
								<a href="#">Proin ornare vulputate erat sit amet rhoncus. Nullam lacus
									velit,
									vehicula ut lacus vel, saige malesuada euismod urna Pellentesque lorem ullamcorper
									nibh
									nec velit viverra congue.</a>
							</div>
							<p><a href="#">Read about >></a></p>
						</div>
						<div class="item-bot">
							<a href="#"><img src="./0716周测试/images/0716701.png" alt="">260</a>
							<a href="#"><img src="./0716周测试/images/0716702.png" alt="">98</a>
							<a href="#"><img src="./0716周测试/images/0716703.png" alt="">162</a>



						</div>
					</div>
					<div class="blog-item fl">
						<div class="blog-content">
							<img src="./0716周测试/images/0716bom2.jpg" alt="">
						</div>
						<div class="font-257">
							<div class="time">Travel - 30 June, 2014</div>
							<div class="nam"><a href="#">Nam porttitor urna id molestie viverra.</a>
							</div>
							<div class="proin"><a href="#">Proin ornare vulputate erat sit amet rhoncus. Nullam lacus
									velit,
									vehicula ut lacus vel, saige malesuada euismod urna Pellentesque lorem ullamcorper
									nibh
									nec velit viverra congue.</a>
							</div>
							<p><a href="#">Read about >></a></p>
						</div>
						<div class="item-bot">
							<a href="#"><img src="./0716周测试/images/0716701.png" alt="">260</a>
							<a href="#"><img src="./0716周测试/images/0716702.png" alt="">98</a>
							<a href="#"><img src="./0716周测试/images/0716703.png" alt="">162</a>



						</div>
					</div>
					<div class="blog-item fl">
						<div class="blog-content">
							<img src="./0716周测试/images/0716bom3.jpg" alt="">
						</div>
						<div class="font-257">
							<div class="time">Travel - 30 June, 2014</div>
							<div class="nam"><a href="#">Nam porttitor urna id molestie viverra.</a>
							</div>
							<div class="proin"><a href="#">Proin ornare vulputate erat sit amet rhoncus. Nullam lacus
									velit,
									vehicula ut lacus vel, saige malesuada euismod urna Pellentesque lorem ullamcorper
									nibh
									nec velit viverra congue.</a>
							</div>
							<p><a href="#">Read about >></a></p>
						</div>
						<div class="item-bot">
							<a href="#"><img src="./0716周测试/images/0716701.png" alt="">260</a>
							<a href="#"><img src="./0716周测试/images/0716702.png" alt="">98</a>
							<a href="#"><img src="./0716周测试/images/0716703.png" alt="">162</a>



						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="blog-click">
					<div class="cl-left fl">
						<a href="#"><img src="./0716周测试/images/0716801.png" alt=""></a>
					</div>
					<div class="cl-right fr">
						<a href="#"> <img src="./0716周测试/images/0716802.png" alt=""></a>
					</div>
				</div>

			</div>
		</div>
		<div class="top">
			<div class="container">
				<div class="left fl">
					<img src="./img/0714/04 (2).png" alt="" class="left-top">
					<div class="font">
						<span class="font-top">Lorem ipsum dolor amet consectet adipiscing elit. Duis feugiat, nibh sit
							amet ultrices fringilla ante im blandit lacus, a fringilla sem ante varius turpis ante sit
							amet ullamcorper aliquet venenatis.
						</span>
						<a href="#">
							<p class="font-bottom">Read More About Us >></p>
						</a>
					</div>
				</div>
				<div class="recent same fl">
					<div class="title">
						<img src="./img/0714/01 (2).png" alt="">
						<span class="rec">Recent Posts</span>
						<!-- <span class="after"></span> -->
					</div>
					<a href="#" class="mar-a">
						<div class="recent-content">
							<img src="./img/0714/01 (2).jpg" alt="" class="pic fl">
							<div class="content-font fl">Integer at diam gravida fringilla Nibh pretium purus.
								<div class="content-date">
									<a href="#"><img src="./img/0714/06 (2).png" alt="" class="date-img"
											align="absmiddle">MAY 19 </a>
									<a href="#">
										<img src="./img/0714/07 (2).png" alt="" class="heart-img" align="absmiddle">260
									</a>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</a>
					<a href="#" class="mar-a">
						<div class="recent-content">
							<img src="./img/0714/02 (2).jpg" alt="" class="pic fl">
							<div class="content-font fl">Integer at diam gravida fringilla Nibh pretium purus.
								<div class="content-date">
									<a href="#"><img src="./img/0714/06 (2).png" alt="" class="date-img"
											align="absmiddle">MAY 19 </a>
									<a href="#">
										<img src="./img/0714/07 (2).png" alt="" class="heart-img" align="absmiddle">260
									</a>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</a>
					<a href="#" class="mar-a">
						<div class="recent-content">
							<img src="./img/0714/03 (2).jpg" alt="" class="pic fl">
							<div class="content-font fl">Integer at diam gravida fringilla Nibh pretium purus.
								<div class="content-date">
									<a href="#"><img src="./img/0714/06 (2).png" alt="" class="date-img"
											align="absmiddle">MAY 19 </a>
									<a href="#">
										<img src="./img/0714/07 (2).png" alt="" class="heart-img" align="absmiddle">260
									</a>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</a>
				</div>
				<div class="tags same fl">
					<div class="title">
						<img src="./img/0714/02 (2).png" alt="" align="absmiddle">
						<span>Tags</span>

					</div>
					<div class="tags-content">
						<a href="#" class="content-link">Design</a>
						<a href="#" class="content-link">Professional</a>
						<a href="#" class="content-link">Flat</a>
						<a href="#" class="content-link">Multipurpose</a>
						<a href="#" class="content-link">Fresh</a>
						<a href="#" class="content-link">New</a>
						<a href="#" class="content-link">Professional</a>
						<a href="#" class="content-link">Flat</a>
						<a href="#" class="content-link">Design</a>




					</div>
				</div>
				<div class="right same fl">
					<div class="title">
						<img src="./img/0714/03 (2).png" alt="" align="absmiddle">
						<span>Photo Stream</span>

					</div>
					<div class="right-content">
						<a href="#">
							<img src="./img/0714/04 (2).jpg" alt="">
						</a>
						<a href="#">
							<img src="./img/0714/05 (2).jpg" alt="">
						</a>
						<a href="#">
							<img src="./img/0714/06 (2).jpg" alt="">
						</a>
						<a href="#">
							<img src="./img/0714/07.jpg" alt="">
						</a>
						<a href="#">
							<img src="./img/0714/08.jpg" alt="">
						</a>
						<a href="#">
							<img src="./img/0714/09.jpg" alt="">
						</a>


					</div>
				</div>
				<div class="clear"></div>

			</div>
		</div>
		<div class="bottom">
			<div class="container">
				<img src="./img/0714/05 (2).png" alt="" class="bottom-font fl">
				<div class="links fr">
					<a href="#">Home</a>
					<a href="#">About Us</a>
					<a href="#">News</a>
					<a href="#">Careers</a>
					<a href="#">FAQ</a>
					<a href="#">Contact Us</a>
				</div>
			</div>
		</div>
	</body>
</html>
